<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Página Personal Abraham Parra</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="styles/iecss.css" />
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.form.js"></script>

<script type="text/javascript"> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#formContactame').ajaxForm(function() {
            	type: "POST",
                target: "#resultados"             
                alert("Gracias por contactar conmigo!"); 
            }); 
        }); 
        
        

            function stoperror(){
                    return true;
            }
            window.onerror=stoperror;

    </script>  

</head>

<body>
<div id="main_container">

	<div id="header">
    	<div id="logo"><a href="home.html"><img src="images/logoAbraham.png" width="358" height="40" alt="" title="" border="0" /></a></div>
    
        <div id="menu">
            <ul>                                              
               <li><a href="index.html" title="Inicio">Inicio</a></li>
                <li><a href="sobreMi.html" title="Sobre Mi">Sobre Mí</a></li>
                <li><a href="misFotos.html" title="Mis Fotos">Mis Fotos</a></li>
                <li><a href="misProyectos.html" title="Mis Proyectos">Mis Proyectos</a></li>
                <li><a class="current" href="contactame.php" title="Contáctame">Contáctame</a></li>
            </ul>
        </div>
    
    </div>
    
    
    <div id="middle_box">
    	<div class="middle_box_content">
    	<div class=""><img src="images/welcome_title.gif" alt="Bienvenidos" title="" /></div>
        	<ul>
        		<li>El que lucha un dia es bueno, los que luchan muchos días son mejores, los que luchan 
        		toda la vida, esos, son imprescindibles. <br /><b>( Bertold Bretch )</b>
        		</li>
        		<li>La altura de un hombre no se mide de los pies a la cabeza sino de la cabeza hasta el cielo. 
        			<br /><b>( Napoleon Bonaparte )</b>
        		</li>
        		<li>Un hombre que no se alimenta de sus sueños, envejece pronto. <br /><b>( William Shakespeare )</b>
        		</li>
        	</ul>        
        <a href="#" class="more"><img src="images/more_link.gif" alt="" title=""  border="0"/></a>
        </div>
    </div>
    <div id="center_content">
    
    <!--
    <div id="resultados"></div>    
    -->
	 <div id="contactform">
                <h1>Formulario de Contacto</h1>
               <form id="formContactame" method="post" onsubmit="return emailCheck(this.email.value);" action="enviarContactame.php">
                   <fieldset>
                      <legend>Datos Personales &raquo;</legend>
                       <div align="center">
                       		<div class="nombreCampo">
                           <label for="nombre">
								<span style="color:#c00;">*</span>Nombre:
                           </label>
                           </div>
                           <div class="campo">
							<input type="text" name="nombre" id="nombre" title="Tu Nombre" size="55" />
							</div>
                      </div>
					  <div align="center">
					  		<div class="nombreCampo">
							<label for="email">
                               	<span style="color:#c00;">*</span>Direcci&oacute;n de correo:
                            </label>
                            </div>
                            <div class="campo">
                            <input type="text" name="email" id="email" value="<?php echo $email; ?>" title="Tu dirección de correo" size="55" />
                            </div>
                      </div>
                      <div align="center">
                      		<div class="nombreCampo">                     		
                            <label for="url">Página Web:</label>
                            </div>
                            <div class="campo">
                            <input type="text" name="url" id="url" class="text" title="Tu página web" size="55" />
                            </div>
                      </div>
                      <div align="center">
                      		<div class="nombreCampo">
                          	<label for="telefono">Teléfono:</label>
                          	</div>
                          	<div class="campo">
                            <input type="text" name="telefono" id="telefono" class="text" title="Tu número de telefono" size="55" maxlength="9" />
                            </div>
                      </div>
                      <div align="center">
                      	<div class="nombreCampo">
                            <label for="cp">Código Postal:</label>
                         </div>
                         <div class="campo">
                            <input type="text" name="cp" id="cp" class="text" title="El código postal de tu localidad" size="55" />
                         </div>
                     </div>
                    
                </fieldset>
                <fieldset>

                <legend>Envíame tu Mensaje &raquo;</legend>
                        <div align="center">
                        	<div class="nombreCampo">
                           <label for="motivo">
                                <span style="color:#c00;">*</span>Motivo del mensaje:
                           </label>
                           </div>
                           <div class="campo">
                           <input type="text" name="motivo" id="motivo" title="El motivo de tu mensaje" size="55" />
                           </div>
                		</div>
                		<div align="center">
	                		<div class="nombreCampo">
	                        <label for="cuerpo">
	                                <span style="color:#c00;">*</span>Cuerpo del Mensaje:
	                        </label>
	                        </div>
	                        <div class="campo">
	                        <textarea name="cuerpo" id="cuerpo" rows="5" cols="63" onkeyup="val=this.value; if (val.length > 800) { alert('Lo siento, has sobrepasado el limite de 800 caracteres'); this.value = val.substring(0,800); }  this.form.count.value=800-parseInt(this.value.length); "><?php echo $text; ?></textarea>
	                        </div>
                		</div>
                <div align="center">
                	<div class="nombreCampo">
                        <label for="count">Caracteres disponibles:</label>
                    </div>
                    <div class="campo">
                                <input type="text" name="count" id="counter" value="800" size="2" />
                                <?php $text_len = preg_match_all('/./', $str, $dummy); ?>
                              
                     </div>
                 </div>
                 
                  <div align="center" style="padding-top:5px;">
	                     <div class="nombreCampo">
	                     </div>
	                     <div class="campo">
	                     		<input type="submit" id="enviar" name="enviar" value="Enviar &raquo;" title="Pulsa una vez para enviar el mensaje, y espera a la pantalla de confirmación" />
	                     </div>
                     </div>
                </fieldset>

           </form>
                <p><span style="color:#c00;">*</span>Campos Obligatorios</p>
                <p><span style="color:red;font-weight:bold;"><?php echo $error ?></span></p>
                <script type="text/javascript" src="js/var.js"></script>
       </div>        

        <div class="clear"></div>    
    </div>     
            
    <br />
            
     <div id="footer">
     	<div class="copyright">
        <img src="images/footer_logo.gif" alt="" title="" />
        </div>
    	<div class="footer_links">
        <a href="http://www.antonioduarteruiz.com"><img src="images/logoAntonio.png" alt="Antonio Duarte" title="Antonio Duarte Ruiz" border="0" /></a>
        </div>
    
    </div>
    </div>



</div>
</body>
</html>
